<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../../../public/javascripts/jquery.js"></script>
		<script type="text/javascript" src="../../../public/javascripts/animate.js"></script>
		<!--<script type="text/javascript">
			$(document).ready(function(){
				$(".animate").mouseover(function(){
					var animate=$(".animate");
					animate.animate({height:'400px',width:'400px',opacity:'0.4'},"slow");
				})
				$(".animate").mouseout(function(){
					var animate=$(".animate");
					animate.animate({height:'300px',width:'300px',opacity:'1'},"slow");
				})
			})
		</script>-->
	</head>
	<body>
		<div class="animate" style="width: 300px;height: 300px;background: greenyellow;font-size: 22px;position: absolute;">JQuery</div>
	</body>
</html>
